<ng-container *ngIf="!outlet.isActivated">
    <div class="px-5 py-2">
        <div style="position: relative;">
            <h4 style="font-size: 1.1rem;font-weight:400;" class="mt-5 mb-5 text-center">**公司拣货上架单</h4>
            <div style="width:100px;height:100px;background:#ccc; position:absolute;top: 0;right: 0;"></div>
        </div>
        <div class="row">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">库位名称</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">上架编号</span>
                </div>
                <div class="border-l-0 border-r-0 radius-0 border-t-0 form-control p-0">
                    <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
                </div>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">上架日期</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
            </div>
        </div>
        <div class="row" style="width: 77%;">
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">分拣人员</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">上架人员</span>
                </div>
                <select [(ngModel)]="goods.goodsParentType" class="bbg border-l-0 border-r-0 radius-0 border-t-0 form-control" title="请选择入送货方式">
                    <option *ngFor="let type of parentTypes" [ngValue]="type.value">{{type.text}}</option>
                </select>
            </div>
            <div class="input-group mb-3 col">
                <div class="input-group-prepend">
                    <span class="input-group-text bg border-0">库区通道</span>
                </div>
                <input [(ngModel)]="search.params.name" type="text" class="bg border-l-0 border-r-0 radius-0 border-t-0 form-control">
            </div>
        </div>
    </div>
    <div class="card rounded-0">
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <tbody>
                        <tr class="font-weight-bold bg-light">
                            <td *ngFor="let th of orderTh">{{th}}</td>
                        </tr>
                        <tr>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="my-5 m-btn text-right pr-5">
        <button *ngIf="goods.id===0" tsBtn loading color="success" (submit)="confirmInsert($event)">确定</button>
        <button routerLink="/purchase/order" tsBtn color="danger">取消</button>
        <button tsBtn color="warning" (click)="showEditModal()">打印</button>
    </div>
</ng-container>

<router-outlet #outlet="outlet"></router-outlet>